import { useState } from 'react';
import { getData5 } from '../Data'
import { useMount } from 'ahooks';
import { FlexGrid, FlexGridColumn } from "@grapecity/wijmo.react.grid";

const WijmoG04 = () => {

    const [Data, setData] = useState()
    useMount(() => { setData(getData5(100)) })


    if (Data) {
        return (
            <div className="Page">
                <FlexGrid autoSearch={true} isReadOnly={true} selectionMode="ListBox" itemsSource={Data}>
                    <FlexGridColumn binding="country" header="Country" width="2*" />
                    <FlexGridColumn binding="downloads" header="Downloads" format="n0,," width="*" />
                    <FlexGridColumn binding="sales" header="Sales" format="n0" width="*" />
                    <FlexGridColumn binding="expenses" header="Expenses" format="n0" width="*" />
                </FlexGrid>
                <div>无效</div>
            </div>
        )
    }

}

export default WijmoG04